<template>
  <div class="box" v-show="value">
    <span @click="$emit('input', false)">X</span>
    我是子组件
  </div>
</template>

<script>
export default {
  props: ["value"],
  // 针对单选框,不需要绑定的是value属性,也可以加入如下代码
  //  model: {
  //   prop: 'checked',
  //   event: 'change'
  // },
  created() {
    console.log(this.value);
  },
};
</script>

<style>
.box {
  background-color: aquamarine;
  height: 200px;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
</style>